<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Index</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="wrapper">
  <header id="top">
    <h1>Horario de eucaristias en Bogotá</h1>
    <nav id="mainnav">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html">Acerca de</a></li>
        <li><a href="index.html">Donaciones</a></li>
      </ul>
    </nav><p>Este es el contenido de la etiqueta P de diseño</p>
  </header>
</div>
<div id="Contenido">
  <p>A continuación encontrará las misas que se celebran en la ciudad de Bogotá. </p>
</div>
<form>
  <table width="200" border="1" align="center">
    <tbody>
      <tr>
        <th colspan="2" scope="col">Filtro</th>
      </tr>
      <tr>
        <td>Zona</td>
        <td><select name="zonaid" id="zonaid">
        </select></td>
      </tr>
      <tr>
        <td>Día</td>
        <td><select name="diasemanaid" id="diasemanaid">
        </select></td>
      </tr>
      <tr>
        <td>Iglesia</td>
        <td><input type="text" name="iglesianombre" id="iglesianombre"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2" align="center"><input type="button" name="button" id="button" value="Enviar"></td>
      </tr>
    </tbody>
  </table>
</form>
<footer id="footer">Created by John Velandia (2015)</footer>
</body>
</html>
